﻿<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" x:Class="SilverAmp.Extensions.PlayListExtension.PlayListExtensionView"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400" Width="565" Height="198">
    
    <Grid x:Name="LayoutRoot" 
		d:DataContext="{d:DesignData /SampleData/PlayListExtensionViewModelSampleData.xaml}">
    	<Grid.RowDefinitions>
    		<RowDefinition/>
    		<RowDefinition Height="31"/>
    	</Grid.RowDefinitions>
    	<Grid.ColumnDefinitions>
    		<ColumnDefinition Width="0.706*"/>
    		<ColumnDefinition Width="0.294*"/>
    	</Grid.ColumnDefinitions>
    	<ListBox x:Name="listBox" Margin="0,8,0,0.333" Background="{x:Null}" BorderBrush="{x:Null}" 
    		Style="{StaticResource ListBoxDefault}"  ItemTemplate="{StaticResource TrackInfoTemplate}" 
			ItemsSource="{Binding Model.AvailableSongs, Mode=TwoWay}" SelectedIndex="{Binding SelectedIndex}" Grid.ColumnSpan="2">
    		<i:Interaction.Triggers>
    			<i:EventTrigger EventName="SelectionChanged" >
    				<i:InvokeCommandAction Command="{Binding SelectSongCommand}" CommandParameter="{Binding SelectedItem, ElementName=listBox}"/>
    			</i:EventTrigger>
    		</i:Interaction.Triggers>
    		
    	</ListBox>
    	<Viewbox Height="41.082" Margin="-69,-0.333,0,-10" Width="234.691" Grid.Column="1" Grid.Row="1">
    		<Canvas Width="234.691" Height="41.0822">
    			<Path Width="234.691" Height="41.0822" Canvas.Left="0" Canvas.Top="0" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 234.191,0.617249L 40.5821,0.5L 0.5,40.5822L 234.152,40.5822L 234.191,0.617249 Z " VerticalAlignment="Bottom" HorizontalAlignment="Right" Margin="0">
    				<Path.Fill>
    					<LinearGradientBrush StartPoint="0.722314,-2.55817" EndPoint="0.722314,1.0095">
    						<GradientStop Color="#FF2A4873" Offset="0.00862069"/>
    						<GradientStop Color="#FF141C24" Offset="0.784483"/>
    						<GradientStop Color="#FF1D2431" Offset="0.892241"/>
    						<GradientStop Color="#FF101010" Offset="1"/>
    					</LinearGradientBrush>
    				</Path.Fill>
    			</Path>
    			<Viewbox x:Name="Details" Width="37.0414" Height="15.5001" Canvas.Left="24.0542" Canvas.Top="8.17596">
    				<Canvas Width="37.0414" Height="15.5001">
    					<Viewbox Width="21.0248" Height="15.5001" Canvas.Left="0" Canvas.Top="0">
    						<Canvas Width="21.0248" Height="15.5001">
    							<Path Width="21.0248" Height="15.5001" Canvas.Left="0" Canvas.Top="0" Stretch="Fill" Data="F1 M 0,15.5001L 15.5417,0L 21.0248,6.10352e-005L 5.50739,15.5001L 0,15.5001 Z ">
    								<Path.Fill>
    									<LinearGradientBrush StartPoint="0.519228,0.2957" EndPoint="0.742025,0.2957">
    										<LinearGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<SkewTransform CenterX="0.519228" CenterY="0.2957" AngleX="16.878" AngleY="0"/>
    												<RotateTransform CenterX="0.519228" CenterY="0.2957" Angle="58.9422"/>
    											</TransformGroup>
    										</LinearGradientBrush.RelativeTransform>
    										<GradientStop Color="#FF212121" Offset="0"/>
    										<GradientStop Color="#FF212121" Offset="0.431034"/>
    										<GradientStop Color="#FF3E3E3E" Offset="0.646552"/>
    										<GradientStop Color="#FF3E3E3E" Offset="1"/>
    									</LinearGradientBrush>
    								</Path.Fill>
    							</Path>
    							<Path Width="16.4854" Height="14.2519" Canvas.Left="2.38452" Canvas.Top="0.588013" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF0A4BA4" Data="F1 M 2.88452,14.3399L 16.1618,1.08801L 18.3699,1.08807L 5.10742,14.3399L 2.88452,14.3399 Z "/>
    						</Canvas>
    					</Viewbox>
    					<Viewbox Width="21.0248" Height="15.5001" Canvas.Left="8.01563" Canvas.Top="0">
    						<Canvas Width="21.0248" Height="15.5001">
    							<Path Width="21.0248" Height="15.5001" Canvas.Left="0" Canvas.Top="0" Stretch="Fill" Data="F1 M 0,15.5001L 15.5417,0L 21.0248,6.10352e-005L 5.50739,15.5001L 0,15.5001 Z ">
    								<Path.Fill>
    									<LinearGradientBrush StartPoint="0.519228,0.2957" EndPoint="0.742025,0.2957">
    										<LinearGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<SkewTransform CenterX="0.519228" CenterY="0.2957" AngleX="16.878" AngleY="0"/>
    												<RotateTransform CenterX="0.519228" CenterY="0.2957" Angle="58.9422"/>
    											</TransformGroup>
    										</LinearGradientBrush.RelativeTransform>
    										<GradientStop Color="#FF212121" Offset="0"/>
    										<GradientStop Color="#FF212121" Offset="0.431034"/>
    										<GradientStop Color="#FF3E3E3E" Offset="0.646552"/>
    										<GradientStop Color="#FF3E3E3E" Offset="1"/>
    									</LinearGradientBrush>
    								</Path.Fill>
    							</Path>
    							<Path Width="16.4855" Height="14.2519" Canvas.Left="2.38446" Canvas.Top="0.588013" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF0A4BA4" Data="F1 M 2.88446,14.3399L 16.1618,1.08801L 18.3699,1.08807L 5.10736,14.3399L 2.88446,14.3399 Z "/>
    						</Canvas>
    					</Viewbox>
    					<Viewbox Width="21.0249" Height="15.5001" Canvas.Left="16.0165" Canvas.Top="0">
    						<Canvas Width="21.0249" Height="15.5001">
    							<Path Width="21.0249" Height="15.5001" Canvas.Left="0" Canvas.Top="0" Stretch="Fill" Data="F1 M 0,15.5001L 15.5417,0L 21.0249,6.10352e-005L 5.50745,15.5001L 0,15.5001 Z ">
    								<Path.Fill>
    									<LinearGradientBrush StartPoint="0.519229,0.2957" EndPoint="0.742026,0.2957">
    										<LinearGradientBrush.RelativeTransform>
    											<TransformGroup>
    												<SkewTransform CenterX="0.519229" CenterY="0.2957" AngleX="16.8782" AngleY="0"/>
    												<RotateTransform CenterX="0.519229" CenterY="0.2957" Angle="58.9423"/>
    											</TransformGroup>
    										</LinearGradientBrush.RelativeTransform>
    										<GradientStop Color="#FF212121" Offset="0"/>
    										<GradientStop Color="#FF212121" Offset="0.431034"/>
    										<GradientStop Color="#FF3E3E3E" Offset="0.646552"/>
    										<GradientStop Color="#FF3E3E3E" Offset="1"/>
    									</LinearGradientBrush>
    								</Path.Fill>
    							</Path>
    							<Path Width="16.4855" Height="14.2519" Canvas.Left="2.38452" Canvas.Top="0.588013" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="#FF0A4BA4" Data="F1 M 2.88452,14.3399L 16.1619,1.08801L 18.37,1.08807L 5.10742,14.3399L 2.88452,14.3399 Z "/>
    						</Canvas>
    					</Viewbox>
    				</Canvas>
    			</Viewbox>
    		</Canvas>
    	</Viewbox>
    	<StackPanel Margin="-3,0,0,-3" Grid.Row="1" Grid.Column="1" Orientation="Horizontal">
    		<Button Style="{StaticResource NormalButtonStyle}" Width="35" Margin="0,3,8,0" Height="31">
    			<Image Source="Assets/IconClear.png" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="-3,0,0,0" Width="21" Height="21"/>
    		</Button>
    		<Button Style="{StaticResource NormalButtonStyle}" Width="35" Height="31" Margin="0,3,8,0">
    			<Image Source="Assets/IconSave.png" HorizontalAlignment="Center" VerticalAlignment="Center" Width="21" Height="21"/>
    		</Button>
    		<Button Style="{StaticResource NormalButtonStyle}" Width="35" Height="31" Margin="0,3,8,0" Command="{Binding LookupSongCommand}" CommandParameter="{Binding SelectedItem, ElementName=listBox}">
    			<Image Source="Assets/IconSearch.png" Width="21" Height="21"/>
    		</Button>
    		<Button Style="{StaticResource NormalButtonStyle}" Width="35" Height="31" Margin="0,3,8,0">
    			<Image Source="Assets/IconCancel.png" Width="21" Height="21" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    		</Button>
    	</StackPanel>
    	

    </Grid>
</UserControl>
